<template>
  <div>
    <div v-if="show==1">
      <p>
        <a class="jz"></a>
        <a href @click.prevent>加载中...</a>
      </p>
    </div>
    <p v-if="show==2">
      <a href @click.prevent="$emit('fun')">点击刷新</a>
    </p>
    <p v-if="show==3">
      <a href @click.prevent="$emit('fun')">更多店铺</a>
    </p>
  </div>
</template>

<script>
export default {
  components: {},
  props: ['show'],
  data() {
    return {}
  },
  methods: {}
}
</script>
<style  scoped>
p {
  text-align: center;
}
@keyframes myfirst {
  0% {
  }
  100% {
    transform: rotate(360deg);
  }
}
.jz {
  display: block;
  height: 1rem;
  width: 1rem;
  background-color: #26a2ff;
  margin: 0 auto;
  animation: myfirst 1s infinite linear;
  margin-top: 10px;
}

p {
  text-align: center;
}
a {
  color: #aaa;
  font-size: 0.8rem;
}
</style>